<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
.button{
	            background-color:#f66f6a;
	            color:white;
	            width: 400px;
	            height: 45px;
	            border:0;
	            font-size: 16px;
	            box-sizing: content-box;				
                border-radius: 5px;
            }
            .button:hover{
	            background-color: #a54b4a;
            }
			.box1{
            margin:0 auto;
            background:pink;
            width:800px;
            height:340px;
            border:2px solid darkslategray;
            border-radius:30px;
            text-align: center;
            line-height: 50px;
position:absolute;
top:100px;
left:300px;
            }
  .box3{
            margin:0 auto;
            background: yellow;
            width:800px;
            height:340px;
            border:2px solid darkslategray;
            border-radius:30px;
            text-align: center;
            line-height: 50px;
position:absolute;
top:450px;
left:100px;
            }
  .kkk{margin:0 auto;    
            width:1000px;
            height:30px;
            border-radius:30px;
            text-align: center;
            line-height: 50px;
position:absolute;
top:870px;
left:400px;}
.box2{position:absolute; }

                .box4{position:absolute;}
      
.img1div{     
      width:250px;
      height:100px;
      border:1px solid
  }  
.textbox{width:200px;height:80px;position:relative;top:25px;}
.img1div img{width:250px;height:100px;}
</style>
 <script>
        window.onload = function ()
        {
            var oBtn = document.getElementsByTagName("input");
            oBtn[10].onclick = function ()
			{
				alert("恭喜你，提交成功");
			};
        }
    </script>

<title>woyaoxue</title>
</head>
<body>
    <body background="https://img1.baidu.com/it/u=3246628741,3439955235&fm=26&fmt=auto" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">
        <div class="img1div"><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.2008php.com%2F09_Website_appreciate%2F10-07-11%2F1278861720_g.jpg&refer=http%3A%2F%2Fwww.2008php.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1639187708&t=4529c1724e066c099d5103371cd10e11"><div>
       <div class="box1">
<div class="box2">
      <table text-align="center">
          <caption font-size:20px>具体要求</caption>
        <tr>
            <td width="400px" height="100px">性别：<input type="text" name="sex" /></td>
            <td width="400px" height="100px">课时费：<input type="text" name="keshi" /></td>
        </tr>
         <tr>
            <td width="400px" height="100px">求教科目：<input type="text" name="qiujiao" /></td>
            <td width="400px" height="100px">发布时间：<input type="text" name="fs" /></td>
        </tr>
         <tr>
            <td width="400px" height="100px">所在地：<input type="text" name="area" /></td>
            <td width="400px" height="100px">详细要求：<input type="text" name="yaoqiu" /></td>
        </tr>
  </table>
</div>
</div>
          <div class="box3"> <div class="box4">
              <table text-align="center">
          <caption>学员情况</caption>
        <tr>
            <td width="400px" height="100px">所在学校：<input type="text" name="xuexiao" /></td>
            <td width="400px" height="100px">学生特点：<input type="text" name="tedian" /></td>
        </tr>
         <tr>
            <td width="400px" height="100px">所在年级：<input type="text" name="nianji" /></td>
            
        </tr>
         <tr>
            <td width="400px" height="100px">当前成绩：<input type="text" name="chengji" /></td>
            
        </tr>
  </table>
          </div></div>
          <div class="kkk"><input type="submit" class="button" value="我要指导" name="zhidao"/></div>


</body>